﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" media="all" type="text/css" href="../resource/css/menu/pro_dropline.css" />
    <!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="../resource/css/menu/pro_dropline_ie.css" />
<![endif]-->
</head>
<body>
    <h3>
        With no 'current selection' tab</h3>
    <div class="mainmenu">
        <div class="menutable">
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Home</b> </a></li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Webdesign</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">图片轮换</a></li>
                            <li><a href="#">图片展示</a></li>
                            <li><a href="#">Xhtml</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Css+Div</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub show">
                        <ul class="sub">
                            <li><a href="#">Div</a></li>
                            <li><a href="#">CSS</a></li>
                            <li><a href="#">Web</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>JavaScript</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">JS</a></li>
                            <li><a href="#">JavaScript</a></li>
                            <li><a href="#">Ajax</a></li>
                            <li><a href="#">图片切换</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>SEO</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">优化</a></li>
                            <li><a href="#">Seo</a></li>
                            <li><a href="#">搜索引擎</a></li>
                            <li><a href="#">关键词关键词</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
        </div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <h3>
        With top level 'current selection' tab</h3>
    <div class="nav">
        <div class="table">
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Home</b> </a></li>
            </ul>
            <ul class="select">
                <li><a href="#"><b>Webdesign</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">图片轮换</a></li>
                            <li><a href="#">图片展示</a></li>
                            <li><a href="#">Xhtml</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="current">
                <li><a href="http://www.52css.com/"><b>Css+Div</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub show">
                        <ul class="sub">
                            <li><a href="#">Div</a></li>
                            <li><a href="#">CSS</a></li>
                            <li><a href="#">Web</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>JavaScript</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">JS</a></li>
                            <li><a href="#">JavaScript</a></li>
                            <li><a href="#">Ajax</a></li>
                            <li><a href="#">图片切换</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>SEO</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">优化</a></li>
                            <li><a href="#">Seo</a></li>
                            <li><a href="#">搜索引擎</a></li>
                            <li><a href="#">关键词关键词</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
        </div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <h3>
        With top level and sub level 'current selection' tabs</h3>
    <div class="nav">
        <div class="table">
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Home</b> </a></li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>Webdesign</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">图片轮换</a></li>
                            <li><a href="#">图片展示</a></li>
                            <li><a href="#">Xhtml</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="current">
                <li><a href="http://www.52css.com/"><b>Css+Div</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub show">
                        <ul class="sub">
                            <li><a href="#">Div</a></li>
                            <li class="sub_show"><a href="#">CSS</a></li>
                            <li><a href="#">Web</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>JavaScript</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="http://www.52css.com/">JS</a></li>
                            <li><a href="#">JavaScript</a></li>
                            <li><a href="#">Ajax</a></li>
                            <li><a href="#">图片切换</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
            <ul class="select">
                <li><a href="http://www.52css.com/"><b>SEO</b><!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <div class="select_sub">
                        <ul class="sub">
                            <li><a href="#">优化</a></li>
                            <li><a href="#">Seo</a></li>
                            <li><a href="#">搜索引擎</a></li>
                            <li><a href="#">关键词关键词</a></li>
                        </ul>
                    </div>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
            </ul>
        </div>
    </div>
    <br />
    <br />
    <br />
</body>
</html>
